<!DOCTYPE html>
<!-- saved from url=(0067)http://127.0.0.1:8848/%E7%BB%93%E7%AE%97%E9%A1%B5%E9%9D%A2/pay.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<title></title>
		<style type="text/css">
			#box1{
				height: 100%;
				width: 100%
				background: aliceblue;
			}
			#p1{
				height: 25rem;
				width: 37.5rem;
				line-height: 5.375rem;
				margin-left: 9.375rem;
				margin-top:   auto;
				
			}
			#p2{
				margin-left: 37.5rem;
			}
			#font1{
				font-family: "arial black";
				font-size: 2.25rem;
				
			}
			#button{
				margin-left: 31.25rem;
			}
		</style>
	</head>
	<body>
		<div id="box1">
			<span id="font1">一共花费：￥99999999.99.给你一个省钱的机会！要不要</span>
			<hr>
			
			<div id="p1">
				<label>
					<img src="img/my.jpg" style="height:150px; width:150px">
					<input class="radio" type="radio" name="1" value="1">
					<span id="font2">使用花呗支付</span>
				 </label>
				<br>
				<label>
					<img src="img/mht.jpg" style="height:150px;width:150px">
					<input class="radio" type="radio" name="1" value="2">
					<span id="font2">一穷二白三省，先赚钱</span>
				</label>
				<br />
				<button id="button" onclick="tiaozhuan()">选好了</button>
			</div>
			
			<div id="echarts" style="width: 600px;height:400px;position: absolute; display: inline-block;top: 5rem; right:6.25rem">
				
			</div>
				
				<script type="text/javascript">
					function tiaozhuan(){
						var radios=document.getElementsByClassName('radio');
						if(radios[0].checked==true){
							window.location.href="http://127.0.0.1:8848/jdong/shoukuan.html";
						}else if(radios[1].checked==true){
							window.location.href="http://127.0.0.1:8848/jdong/game.html";
						}
					}
				</script>
			
			
		</div>	
		
		<script src="http://echarts.baidu.com/dist/echarts.common.min.js"></script>
		<script>
			/* var option = {
		        title:{
		            text:'历史数据统计'
		        },            
		        series:[{
		            name:'选择',
		            type:'pie',    
		            radius:'60%', 
		            data:[
		                {value:500,name:'选择第一个种方式'},
		                {value:360,name:'选择死亡'},
						{value:200,name:'选择第一个种方式'},
		            ]
		        }]
		    }; */
			setTimeout(function () {

    option = {
		title:{
		    text:'历史数据统计'
		}, 
        legend: {},
        tooltip: {
            trigger: 'axis',
            showContent: false
        },
        dataset: {
            source: [
                ['product', '2012', '2013', '2014', '2015', '2016', '2017','2018'],
                ['直接支付', 41.1, 30.4, 65.1, 53.3, 83.8, 90.7, 92.8],
                ['玩游戏，抵现金', 86.5, 92.1, 85.7, 83.1, 73.4, 55.1, 50.2],
                ['选择死亡', 60.1, 55.2, 40.5, 30.4, 15.2, 10.5, 5.1],
            ]
        },
        xAxis: {type: 'category'},
        yAxis: {gridIndex: 0},
        grid: {top: '55%'},
        series: [
            {type: 'line', smooth: true, seriesLayoutBy: 'row'},
            {type: 'line', smooth: true, seriesLayoutBy: 'row'},
            {type: 'line', smooth: true, seriesLayoutBy: 'row'},
            {type: 'line', smooth: true, seriesLayoutBy: 'row'},
            {
                type: 'pie',
                id: 'pie',
                radius: '30%',
                center: ['50%', '25%'],
                label: {
                    formatter: '{b}: {@2012} ({d}%)'
                },
                encode: {
                    itemName: 'product',
                    value: '2012',
                    tooltip: '2012'
                }
            }
        ]
    };

    myChart.on('updateAxisPointer', function (event) {
        var xAxisInfo = event.axesInfo[0];
        if (xAxisInfo) {
            var dimension = xAxisInfo.value + 1;
            myChart.setOption({
                series: {
                    id: 'pie',
                    label: {
                        formatter: '{b}: {@[' + dimension + ']} ({d}%)'
                    },
                    encode: {
                        value: dimension,
                        tooltip: dimension
                    }
                }
            });
        }
    });

    myChart.setOption(option);

});
			var myChart = echarts.init(document.getElementById('echarts'));
			myChart.setOption(option,true);
			
			
		</script>
</body>
</html>